<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
    <h:head>
        <h:outputStylesheet library="css" name="style.css" />

    </h:head>

    <h:body>
        <p:layout id="page" fullPage="true">

            <!-- Outer North    Layout         http://www.blogosfera.co.uk/2013/06/jsfprimefaces-layout-header-issues/
                    http://www.blogosfera.co.uk/2012/03/jsf-primefaces-menubar-dropdown-submenu-disapearing-after-hover-in-playout/
            mapa :        http://translate.google.com.pe/translate?hl=es&sl=en&u=http://www.gisfaces.com/examples/fullpage/&prev=/search%3Fq%3Dlayout%2Bprimefaces%2Bexample%26start%3D20%26sa%3DN%26biw%3D1366%26bih%3D648%26tbs%3Dqdr:y
    
            ver 
            http://translate.google.com.pe/translate?hl=es&sl=en&u=http://primefaces.googlecode.com/svn/examples/trunk/showcase/src/main/webapp/ui/layoutComplex.xhtml&prev=/search%3Fq%3Dlayout%2Bprimefaces%2Bexample%26biw%3D1366%26bih%3D648%26tbs%3Dqdr:y
            
            videos
            http://www.youtube.com/watch?v=uk8YwXS39PE
            http://www.youtube.com/watch?v=gcZXEt4m7Og
            
            -->
            <!--p:layoutUnit id="north" position="north" size="1%"
                          style="border: none !important" gutter="0">
            </p:layoutUnit-->

            <!-- Outer South -->
            <p:layoutUnit id="south" position="south" size="1%"
                          style="border: none !important;" gutter="0">
            </p:layoutUnit>



            <!-- Outer West -->
            <p:layoutUnit id="west" position="west" size="0.2%"
                          style="border: none !important" gutter="0" >
            </p:layoutUnit>

            <!-- Outer east -->
            <p:layoutUnit id="east" position="east" size="0.2%"
                          style="border: none !important" gutter="0">
            </p:layoutUnit>

            <!-- Center - Inner layout -->
            <p:layoutUnit id="main" position="center"
                          style="border: none !important" gutter="0">

                <p:layout id="innerLayout">
                    <!-- Inner North -->
                    <p:layoutUnit id="innerNorth" position="north" minSize="120" collapsible="true" size="150">
                        <h:graphicImage value="#{resource['img:frontis.jpg']}"/>
                    </p:layoutUnit>


                    <!-- Inner West -->
                    <p:layoutUnit id="innerWest" position="west" minSize="150"
                                  header="Opciones"
                                  style=" font-size: 14px !important;">
                        <h:form id="form1">
                            <p:panelMenu> 
                                <p:submenu label="Mantenedores" style="font-size: 10px !important;">
                                    <p:menuitem value="Registra Areas" update=":centerpanel" outcome="/paginas/areas/List.xhtml"
                                                />
                                    <p:menuitem value="page2" update=":centerpanel"
                                                actionListener="#{layoutController.setAll('page2.xhtml', 'Page 2')}" />
                                </p:submenu>
                                <p:submenu label="Registro" style="font-size: 10px !important;">
                                    <p:menuitem value="Insert Student" update=":centerpanel"
                                                actionListener="#{layoutController.setNavigation('insert_student.xhtml')}" />
                                    <p:menuitem value="page2" update=":centerpanel"
                                                actionListener="#{layoutController.setNavigation('page2.xhtml')}" />
                                </p:submenu>
                                <p:submenu label="Reportes" style="font-size: 10px !important;">
                                    <p:menuitem value="Insert Student" update=":centerpanel"
                                                actionListener="#{layoutController.setNavigation('insert_student.xhtml')}" />
                                    <p:menuitem value="page2" update=":centerpanel"
                                                actionListener="#{layoutController.setNavigation('page2.xhtml')}" />
                                </p:submenu>
                                <p:submenu label="Backup" style="font-size: 10px !important;">
                                    <p:menuitem value="Insert Student" update=":centerpanel"
                                                actionListener="#{layoutController.setNavigation('insert_student.xhtml')}" />
                                    <p:menuitem value="page2" update=":centerpanel"
                                                actionListener="#{layoutController.setNavigation('page2.xhtml')}" />
                                </p:submenu>
                            </p:panelMenu>
                        </h:form>
                    </p:layoutUnit>

                    <!-- Inner Center -->
                    <p:layoutUnit id="content" position="center" header="Pagina Principal" style="font-size: 14px !important" >
                        <p:growl autoUpdate="true" />

                        <h:panelGroup id="centerpanel" layout="block">
                            <ui:insert name="datos">
                                block
                            </ui:insert>

<!--ui:include id="include" src="#{layoutController.navigation}"  /-->
                        </h:panelGroup>
                    </p:layoutUnit>

                </p:layout>
            </p:layoutUnit>
            <!-- End Center - Inner Layout -->

        </p:layout>
    </h:body>

</html>



